$(document).ready(function() {
	//点击播放视频
	$('.video-icon').click(function() {
		$(this).hide();
		$('video').show().get(0).play();
	});

	//轮播部分
	(function() {
		var pre = 0;
		$('.pic-btns').click(function(event) {
			var target = event.target || event.srcElement;
			if(target.nodeName == "IMG") {
				var id = target.dataset.id;
				if(id !== pre) {
					target.setAttribute('src', 'img/b_dot_s.png');
					$('.pic-btns>li>img').get(pre).setAttribute('src', 'img/b_dot.png');
					var pic = $('.pic>li');
					pic.eq(pre).fadeOut(500).removeClass('on');
					pic.eq(id).fadeIn(500).addClass('on');
					pre = id;
				}

			}
		});

		var index = pre;
		var timer;
		banner();
		function banner() {
			timer = setInterval(function() {
				index = (index + 1) % 3;
				var pic = $('.pic>li');
				var btn = $('.pic-btns>li>img');
				btn.get(pre).setAttribute('src', 'img/b_dot.png');
				btn.get(index).setAttribute('src', 'img/b_dot_s.png');
				pic.eq(pre).fadeOut(500).removeClass('on');
				pic.eq(index).fadeIn(500).addClass('on');
				pre = index;
			}, 2000);
		}

		$('#banner').hover(function() {
			clearInterval(timer);
		}, function() {
			banner();
		});

	})();
	
	//classic部分
	(function(){
		var $classic=$('#classic');
		var $phone=$classic.find('.box .phone-pic');
		var $li=$phone.children();
		var $btns=$classic.find('.c-btn');
		var $dots=$classic.find('.dots li img');
		var length=$li.length;
		var Mid=Math.floor(length/2);
		//如果用户连续点击按钮，用户体验就不太好，所以设置一个间隔时间
		var sTime=new Date();
		var flag=0;
		var height=$classic.find('.title').get(0).offsetHeight + $('header').get(0).offsetHeight + 80;
		//40是padding
		$(window).scroll(function(){
			if(flag){
				return false;
			}			
			console.log($(this).scrollTop());
			
			if($(this).scrollTop()>height){
				change();
				flag=1;
			}
		});
		$btns.click(function(){
			var flag=$(this).index('.c-btn'); //当前dom对象在c-btn中的序号
			if(new Date()-sTime < 800){
				return false;
			}
			var width=$li.get(0).offsetWidth;
			//alert(width);
			var pre=Mid;
			if(flag){//右边
				Mid=++Mid % length;
				change(pre);
				pre=Mid;
				$phone.stop().animate({
					marginLeft:-width+'px'
				},500,function(){
					$(this).css('marginLeft',0);
					var dom=$phone.children().eq(0);
					$phone.append(dom);
				})
				console.log('mid:',Mid)
				
			}else{//左边
				(--Mid<0) && (Mid=length-1);
				change(pre);
				pre=Mid;
				$phone.stop().animate({
					marginLeft:width+'px'
				},500,function(){
					$(this).css('marginLeft',0);
					$phone.prepend($phone.children().last());
				});
				console.log('mid:',Mid)
			}
			sTime=new Date();
		});
		
		function change(pre){
			//$li的顺序是静止的
		    $li.removeClass();
		    $li.eq(Mid-1).addClass('edge').next().addClass('mid');//当为-1的时候选的是第九张
		    if(Mid==8){
		    	$li.eq(0).addClass('edge');
		    }else{
		    	$li.eq(Mid+1).addClass('edge');
		    }
		    $dots.get(pre).src="img/b_dot.png";
		    $dots.get(Mid).src="img/b_dot_s.png";
	    	
		    
		}
		//计算元素距离窗口顶部的高度
		function bodyTop(el){
			var height=0;
			while(el!==document.body){
				
				height+=el.offsetTop;
				el=el.offsetParent;
				console.log(el);
			}
			return height;
		}
	})();

});